<template>
	<div>
		<hr />
		<ul>
			<li v-for="(value, key) in navigator" :key="key">
				<strong>{{ key }}:</strong> {{ value }}
				<hr />
			</li>
		</ul>
	</div>
</template>
<script>
export default {
	data() {
		return {
			navigator: {
				language: "",
				userAgent: "",
				appVersion: "",
				platform: "",
				vendor: ""
			}
		};
	},
	created() {
		this.navigator = {
			language: navigator.language,
			userAgent: navigator.userAgent,
			appVersion: navigator.appVersion,
			platform: navigator.platform,
			vendor: navigator.vendor
		};
	}
};
</script>
